@import './elplus.scss'; //element-plus公共组件

// 地图logo 隐藏
.map-container {
  .logo-text {
    display: none !important;
  }

  a {
    display: none !important;
  }
}
*::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}
::-webkit-scrollbar-track {
  /*外层轨道*/
  // background: rgba(56, 68, 115, 0.6);
}
*::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(32, 50, 93, 1);
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
  /*滚动条里面小方块*/
  background: rgba(144, 147, 153, 0.5);
}

//路口聚合点样式
.cross-cluster-bubble {
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-style: normal;
  opacity: 0.88;
  font-family: PingFangSC, PingFang SC, sans-serif;
  background-color: #50a0ff;
  border: 4px solid #abd3ff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
.on-status {
  width: pxTvw(56);
  height: pxTvh(24);
  border-radius: 12px;
  border: 1px solid #34ad54;
  color: #34ad54;
  @include elasticFN(center, center);
}
.off-status {
  width: pxTvw(56);
  height: pxTvh(24);
  border-radius: 12px;
  border: 1px solid #a5adba;
  color: #a5adba;
  @include elasticFN(center, center);
}
/**
   关于  样式
 */
.el-message-box.about-Popup {
  background: rgba(255, 255, 255, 0);
  border-radius: 4px;
  border: none;
  padding-bottom: 0;
  width: pxTvw(468);
  height: pxTvh(172);
  max-width: pxTvw(478);
  .el-message-box__header {
    padding: 0;
    .el-message-box__headerbtn {
      top: pxTvh(16);
      right: pxTvw(10);
      @include computed_font(14);
      z-index: 10;
    }
  }
  .el-message-box__content {
    padding: 0;
    .el-message-box__container {
      .el-message-box__message {
        p {
          margin: 0;
        }
      }
    }
  }
  .el-message-box__btns {
    padding: 0;
  }
  .back-img {
    width: pxTvw(468);
    height: pxTvh(172);
    object-fit: fill;
  }
  .about-content {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    padding: pxTvh(42) pxTvw(56);
    width: 100%;
    box-sizing: border-box;
    background: #0d172f;
    .about-left {
      border: 1px solid rgba(112, 183, 255, 0.5);
      padding: pxTvh(6);
      width: pxTvh(76);
      height: pxTvh(76);
      margin-right: pxTvw(32);
      box-sizing: border-box;
      .img-box {
        // width: pxTvh(64);
        // height: pxTvh(64);
        img {
          object-fit: contain;
          width: 100%;
          height: 100%;
        }
      }
    }
    .about-right {
      @include computed_font(16);
      font-family: PingFangSC-Medium, PingFang SC, sans-serif;
      font-weight: 500;
      color: #b2dff5;
      div {
        line-height: pxTvh(24);
        margin-bottom: pxTvh(3);
      }
      .version {
        @include computed_font(14);
        font-weight: 400;
        color: #a1becd;
        line-height: pxTvh(20);
        margin-top: pxTvh(17);
      }
    }
  }
}

/**
    消息弹出框按钮 样式
 */
.messagebox-cancel-btn {
  margin-bottom: pxTvh(12) !important;
  background: transparent !important;
  color: #377dff !important;
  border-color: #377dff !important;
}
.messagebox-cancel-btn:hover {
  opacity: 0.5;
}
.messagebox-confirm-btn {
  margin: 0 pxTvw(16) pxTvh(12) pxTvw(16) !important;
}
